<template>
  <image
    :src="realname == 2 ? reIcon : notReIcon"
    mode="scaleToFill"
    class="re-icon"
    v-if="realname == 2 || page == 'my'"
  />
</template>

<script setup>
const props = defineProps({
  realname: {
    type: [String, Number],
    default: 0
  },
  page: {
    type: String,
    default: ''
  },
});

import reIcon from "@/static/common/realname-icon.svg";
import notReIcon from "@/static/common/realname-icon.svg";

</script>

<style lang="scss" scoped>
.re-icon {
  width: 140rpx;
  height: 40rpx;
  margin-left: 10rpx;
}
</style>
